<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .divFace {
            width: 40px;
            height: 40px;
            background-color: yellow;
        }

        .FaceKu {
            width: 300px;
            height: 300px;
            display: none;
        }
    </style>
    <script src="1.js">

    </script>

</head>

<body>

<div class="divFace">
    <img src="./photo./b1.jpg" id="Face">
</div>
<input type="button" value="选择头像" onclick="showFace()">
<div class="FaceKu" id="FaceId">
    <p>男生头像</p>
    <img src="./photo./b3.jpg">
    <img src="./photo./b4.jpg">
    <img src="./photo./b5.jpg">
    <img src="./photo./b6.jpg">
</div>
</body>
</html>